import cs from 'classnames';
import classNames from 'classnames/bind';
import styles from '../../../../styles/generateArcNo.module.scss';

const cx = classNames.bind(styles);

interface IStepContentProps {
  activeSteps: number;
}

const StepContent = (props: IStepContentProps) => {
  const { activeSteps } = props;
  return (
    <>
      {activeSteps === 0 && <div className="generate-info">正在校验档号规则和数据字段是否匹配</div>}
      {activeSteps === 2 && (
        <div className={cs('generate-info', cx('result-wrap'))}>
          <span className={cs(cx('result-title'), cx('error'))}>档号已完成生成</span>
          <div className="finish-info">
            <p>生成条目统计</p>
            <p>案卷：100/100</p>
            <p>文件：200/200</p>
            <p>生产时间：34分钟</p>
          </div>
        </div>
      )}
    </>
  );
};

export default StepContent;
